<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layDate快速使用</title>
<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
</head>
<body>
 
<div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->
  <input type="text" class="layui-input" id="test1" width="500px">
</div>
 
<script src="https://www.layuicdn.com/layui/layui.js"></script>
<script>
layui.use('laydate', function(){
  var laydate = layui.laydate;
  
  //执行一个laydate实例
  laydate.render({
    elem: '#test1' //指定元素
  	,type: 'datetime'
  	,range: true
  	,theme: 'molv'
  	,calendar: true//允许显示公历节日
  	,min: '2020-4-24 10:30:00'
    // format: 'yyyy-MM-dd H:i:s'
  });
});
</script>
</body>
</html>